<template>
    <transition name="fade-scale" appear>
	<div id="cover" >
		<el-button icon="el-icon-close" @click="submitForm()"></el-button>
		<slot></slot>
	</div>
	</transition>
</template>

<script>
	export default{
		name:'cover',
		data() {
			return {
				property: 'value',
			};
		},
		methods: {
			submitForm() {
                this.$emit("closeClick")
			}
		},
		created() {
			
		},
		watch: {
		},
	}
</script>

<style scoped>
	#cover{
		width: 95vw;
		height: 96vh;
		background-color: rgba(0,0,0,.9);
		z-index: 300;
		border-radius: 5px;
		position: fixed;
		top:2vh;
		left:2.5vw;
		overflow: hidden;
	}
	.el-button{
		padding:8px 8px;
		position: absolute;
		right: 2.5%;
		top:2.5%;
		z-index: 200;
	}
</style>
